#accumulate-points-page.content.pull-to-refresh-content(data-ptr-distance="55")
  .pull-to-refresh-layer
    .preloader 
    .pull-to-refresh-arrow 
    -# .method.text-center 下拉刷新
    
  .img_margin_zero
    %img(ng-src="https://ol4ttnc5a.qnssl.com/image/1/21495421929" width="100%")

  .integral-left.text-red.border-bottom 积分余额：分
  .tab-type.border-bottom
    .row.text-center.no-gutter
      .col-25
        .tab-type-item(ng-class="{'active': type == 'contactus'}" ng-click="changeType('contactus')") 联系客服
      .col-25
        .tab-type-item(ng-class="{'active': type == 'rule'}" ng-click="changeType('rule')") 积分规则
      .col-25
        .tab-type-item(ng-class="{'active': type == 'record'}" ng-click="changeType('record')") 兑换记录
      .col-25
        .tab-type-item(ng-class="{'active': type == 'address'}" ng-click="changeType('address')") 收货地址
  
  -# 联系客服
  .tab-content(ng-if="type=='contactus'")
    .row.text-center.no-gutter.rank-change.margin-top-10
      .col-25
        .rank-type(ng-click="changeRankType(1)") 0~500
      .col-25
        .rank-type(ng-click="changeRankType(2)") 500~5000
      .col-25
        .rank-type(ng-click="changeRankType(3)") 5000~20000
      .col-25
        .rank-type(ng-click="changeRankType(4)") >20000

    .present-list.content-padded
      .present-item.padding-bottom-10.padding-top-10.border-bottom(ng-repeat="p in presents")
        .width-30
          .img_url(style="background: url('../img/accumulate-points/app_a_{{$index+1}}.jpg') center no-repeat; background-size: 100%;")
        .item-content.margin-left-20.width-70
          .item-title {{p.title}}
          .point-cost.text-red
            需要积分
            %h3.inline-block.no-margin  {{p.point_cost}}
            分
          %button.button.button-cost 立即兑换
  
  -# 积分规则
  .tab-content(ng-if="type == 'rule'")
    .content-padded
      .rule.border-bottom.padding-bottom-10
        %span 积分规则说明：<br/>
        1、用户积分永不清零，可累计使用；<br/>
        2、获得积分公式：投资金额 x 投资期限／30；<br/>
        3、用户所获积分可以兑换任意相对应的产品；<br/>
        4、购买带有新手标标签的产品，不增加积分；<br/>
        5、积分不予转增。

      .rule.padding-top-10
        %span 兑换商品说明：<br/>
        1、积分商城所有产品均为商家正品，<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至各大百货公司出具相关证明。<br/>
        2、商城所有产品均包邮配送。<br/>
        3、商城所有产品不退货，不抵现，不予现金购买；<br/>
        4、商品先到先得，兑完即止。

      .rule-tip.margin-top-10 最终解释权归司道金服上海迈昂互联网金融信息有限公司所有
      %a.contact-us.text-center(href="tel: 4009960796") 更多问题详询客服：400-996-0796
  
  -# 兑换记录

  -# 收货地址
  .tab-content(ng-show="type=='address'")
    .list-block.margin-top-20.list-address
      %ul
        %li
          .item-content
            .item-inner
              .item-title.label 收货人姓名
              .item-input
                %input.input-code(type="text" ng-model="address.name" placeholder="请输入姓名")
        %li
          .item-content
            .item-inner
              .item-title.label 收货人手机
              .item-input
                %input.input-code(type="text" ng-model="address.phone" placeholder="请输入手机号")
        %li
          .item-content
            .item-inner
              .item-title.label 收货人地址
              .item-input
                %input(type="text" id="city-picker" value="浙江 杭州 拱墅区" ng-click="hideKeyboard()")
        %li
          .item-content
            .item-inner
              .item-title.label 
              .item-input
                %input.input-code(type="text" ng-model="address.detail" placeholder="请输入详细地址")

    %button.button.button-address 保存地址



